<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<!--[if IE 7 ]>    <html lang="en-gb" class="isie ie7 oldie no-js"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en-gb" class="isie ie8 oldie no-js"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en-gb" class="isie ie9 no-js"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en-gb" class="no-js"> <!--<![endif]-->

<head>
    <?php include_http_metas() ?>
    <!-- This stylesheet only adds some repairs on idevices  -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <?php include_metas() ?>
    <?php include_title() ?>

    <link href='http://fonts.googleapis.com/css?family=Rufina:400,700' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="<?php echo sfConfig::get('app_aoi_site_url') ?>addons/superfish_responsive/superfish.css" type="text/css" />
    <link rel="stylesheet" href="<?php echo sfConfig::get('app_aoi_site_url') ?>jquery-ui-theme/jquery-ui-1.9.2.custom.min.css" type="text/css" />
    <?php include_stylesheets() ?>
    <?php include_javascripts() ?>
  
  <!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if offline -->
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
  <script>window.jQuery || document.write('<script src="js/jquery-1.8.2.min.js">\x3C/script>')</script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/i18n/jquery.ui.datepicker-fr.js"></script>
  <script src="<?php echo sfConfig::get('app_aoi_site_url') ?>js/jquery.noconflict.js" type="text/javascript"></script>
  <script src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.6.1/modernizr.min.js" type="text/javascript"></script>
  
  <link rel="shortcut icon" href="<?php echo sfConfig::get('app_aoi_site_url') ?>images/favicons/favicon.png">
  <link rel="apple-touch-icon" href="<?php echo sfConfig::get('app_aoi_site_url') ?>images/favicons/apple-touch-icon-57x57.png">
  <link rel="apple-touch-icon" sizes="72x72" href="<?php echo sfConfig::get('app_aoi_site_url') ?>images/favicons/apple-touch-icon-72x72.png">
  <link rel="apple-touch-icon" sizes="114x114" href="<?php echo sfConfig::get('app_aoi_site_url') ?>images/favicons/apple-touch-icon-114x114.png">
  
  <!--[if lte IE 9]>
    <link rel="stylesheet" type="text/css" href="css/fixes.css" />
  <![endif]-->

  <!--[if lte IE 8]>
    <script src="js/respond.js"></script>
    <script type="text/javascript"> 
    var $buoop = {vs:{i:8,f:6,o:10.6,s:4,n:9}} 
    $buoop.ol = window.onload; 
    window.onload=function(){ 
     try {if ($buoop.ol) $buoop.ol();}catch (e) {} 
     var e = document.createElement("script"); 
     e.setAttribute("type", "text/javascript"); 
     e.setAttribute("src", "http://browser-update.org/update.js"); 
     document.body.appendChild(e); 
    } 
    </script> 
  <![endif]-->
  
  <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
  <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->
  
  <!-- Facebook OpenGraph Tags - Replace with your own -->
  <meta property="og:title" content="Comoros Airways Template HTML"/>
  <meta property="og:type" content="website"/>
  <meta property="og:url" content="http://www.hogash.com/demo/kalypso_html/"/>
  <meta property="og:image" content="http://www.hogash.com/demo/kalypso_html/images/logo.png"/>
  <meta property="og:site_name" content="Comoros Airways"/>
  <meta property="fb:app_id" content=""/> <!-- PUT HERE YOUR OWN APP ID - you could get errors if you don't use this one -->
  <meta property="og:description" content="Welcome to Comoros Airways Template, a wonderful and premium product for multipurpose websites"/>
  <!-- END Facebook OpenGraph Tags -->
  
  <!-- THIS IS THE DARK THEME STYLESEET // REMOVE COMMENTS TO ENABLE -->
  <!-- <link rel="stylesheet" href="css/dark-theme.css" type="text/css" /> -->
  <!-- END DARK THEME -->
    
</head>

<body class="">
      <!-- ADD AN APPLICATION ID !!
  If you want to know how to find out your app id, either search on google for: facebook appid, either go to http://rieglerova.net/how-to-get-a-facebook-app-id/ -->
  <div id="fb-root"></div>
  <script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "http://connect.facebook.net/en_US/all.js#xfbml=1&appId="; // addyour appId here
  fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));</script>
    
      <div class="support_panel" id="sliding_panel">
    <div class="container">
      <div class="row">
        <div class="span9">
          <h4 class="m_title">HOW TO SHOP</h4>
          <div class="m_content how_to_shop">
            <div class="row">
              <div class="span3">
                <span class="number">1</span> Login or create new account.
              </div>
              <div class="span3">
                <span class="number">2</span> Review your order.
              </div>
              <div class="span3">
                <span class="number">3</span> Payment &amp; <strong>FREE</strong> shipment
              </div>
            </div>
            <p>If you still have problems, please let us know, by sending an email to support@website.com . Thank you!</p>
          </div><!-- end how to shop steps -->
        </div>
        <div class="span3">
          <h4 class="m_title">SHOWROOM HOURS</h4>
          <div class="m_content">
          Mon-Fri 9:00AM - 6:00AM<br>
          Sat - 9:00AM-5:00PM<br>
          Sundays by appointment only!
          </div>
        </div>
      </div>
    </div>
  </div><!-- end support panel -->
    
  <div class="login_register_stuff hide"><!-- Login/Register Modal forms - hidded by default to be opened through modal -->
    <div id="login_panel">
      <div class="inner-container login-panel">
        <h3 class="m_title">SIGN IN YOUR ACCOUNT TO HAVE ACCESS TO DIFFERENT FEATURES</h3>
        <form id="login_form" name="login_form" method="post">
          <a href="#" class="create_account" onClick="ppOpen('#register_panel', '280');">CREATE ACCOUNT</a>
          <input type="text" id="username" name="username" class="inputbox" placeholder="Username">
          <input type="password" id="password" name="password" class="inputbox" placeholder="Password">
          <input type="submit" id="login" name="submit" value="LOG IN">
          <a href="#" class="login_facebook">login with facebook</a>
        </form>
        <div class="links"><a href="#" onClick="ppOpen('#forgot_panel', '350');">FORGOT YOUR USERNAME?</a> / <a href="#" onClick="ppOpen('#forgot_panel', '350');">FORGOT YOUR PASSWORD?</a></div>
      </div>
    </div><!-- end login panel -->

    <div id="register_panel">
      <div class="inner-container register-panel">
        <h3 class="m_title">CREATE ACCOUNT</h3>
        <form id="register_form" name="register_form" method="post">
          <p>
            <input type="text" id="reg-username" name="username" class="inputbox" placeholder="Username">
          </p>
          <p>
            <input type="text" id="fullname" name="fullname" class="inputbox" placeholder="Your full name">
          </p>
          <p>
            <input type="text" id="reg-email" name="email" class="inputbox" placeholder="Your email">
          </p>
                    <p>
            <input type="password" id="reg-password" name="password" class="inputbox" placeholder="Desired password">
          </p>
          <p>
            <input type="password" id="confirm_password" name="confirm_password" class="inputbox" placeholder="Confirm password">
          </p>
          <p>
            <input type="submit" id="signup" name="submit" value="CREATE MY ACCOUNT">
          </p>
        </form>
        <div class="links"><a href="#" onClick="ppOpen('#login_panel', '800');">ALREADY HAVE AN ACCOUNT?</a></div>
      </div>
    </div><!-- end register panel -->

    <div id="forgot_panel">
      <div class="inner-container forgot-panel">
        <h3 class="m_title">FORGOT YOUR DETAILS?</h3>
        <form id="forgot_form" name="forgot_form" method="post">
          <p>
            <input type="text" id="forgot-email" name="email" class="inputbox" placeholder="Email Address">
          </p>
          <p>
            <input type="submit" id="recover" name="submit" value="SEND MY DETAILS!">
          </p>
        </form>
        <div class="links"><a href="#" onClick="ppOpen('#login_panel', '800');">AAH, WAIT, I REMEMBER NOW!</a></div>
      </div>
    </div><!-- end register panel -->
  </div><!-- end login register stuff -->
    
  <div id="page_wrapper">

    <header id="header" class="style2">
      <div class="container">

        <!-- logo -->
        <h1 id="logo"><a href="<?php echo url_for('homepage') ?>"><img src="<?php echo sfConfig::get('app_aoi_site_url') ?>images/comoros-airways-logo.png" alt="Comoros Airways"></a></h1>
         
         <?php if($sf_user->isAuthenticated()): ?>
            <ul class="topnav navRight">
              <li><a href="<?php echo url_for('sf_guard_signout') ?>">Logout</a></li>
            </ul>
         <?php endif; ?>
<script type="text/javascript">
// THIS SCRIPT DETECTS THE ACTIVE ELEMENT AND ADDS ACTIVE CLASS
(function($){ 
  $(document).ready(function(){
    var pathname = window.location.pathname,
      page = pathname.split(/[/ ]+/).pop(),
      menuItems = $('#main_menu a');
    menuItems.each(function(){
      var mi = $(this),
        miHrefs = mi.attr("href"),
        miParents = mi.parents('li');
      if(page == miHrefs) {
        miParents.addClass("active").siblings().removeClass('active');
      }
    });
  });
})(jQuery);
</script>
        <nav id="main_menu">
          <ul class="sf-menu clearfix">
            <li><a href="<?php echo url_for('homepage') ?>">Accueil</a>
            </li>
            <li><a href="#">A L'a&eacute;roport</a></li>
            <li><a href="<?php echo url_for('booking') ?>">Espace clients</a>
              <ul>
                <li><a href="<?php echo url_for('booking') ?>">R&eacute;server un vol</a></li>
                <li><a href="<?php echo url_for('booking_verify') ?>">Verifier ma r&eacute;servation</a></li>
              </ul>
            </li>
            <li><a href="#">A propos</a></li>
            <li><a href="#">Infos vols</a>
              <ul>
                <li><a href="#">Aeroports</a></li>
                <li><a href="#">Horaires</a></li>
              </ul>
            </li>
          </ul>
        </nav><!-- end main_menu -->

      </div>
    </header>
    
    <?php echo $sf_content ?>

        
<footer id="footer">
  <div class="container">
    <div class="row">
      <div class="span5">
        <h3 class="m_title">Accès rapide</h3>
        <ul class="menu">
          <li><a href="<?php echo url_for('booking') ?>">Réserver un vol</a></li>
          <li><a href="#">Contacter l'agence</a></li>
          <li><a href="<?php echo url_for('booking_verify') ?>">Vérifier ma réservation</a></li>
          <li><a href="#">A propos de Comoros Airways</a></li>
          <li><a href="#">Voir tous les vols</a></li>
          <li><a href="#">A L'aéroport</a></li>
        </ul><!-- end footer menu -->
      </div>
      <div class="span4">
        <div class="newsletter-signup">
          <h3 class="m_title">NEWSLETTER</h3>
          <p>Abonnez-vous à notre newsletter pour recevoir les offres et bons plans Comoros Airways</p>
          <form method="post" id="newsletter_subscribe" name="newsletter_form">
            <input type="text" name="nl-email" id="nl-email" value="" placeholder="mon.adresse@email.com" />
            <input type="submit" name="submit" id="nl-submit" value="Tenez-moi informé(e)!" />
          </form>
          <p><small>Nous ne vous enverrons pas de spams !</small></p>
        </div><!-- end newsletter-signup -->
      </div>
      <div class="span3">
        <div class="contact-details">
          <h3 class="m_title">Nos coordonnées</h3>
          <p><strong>T (212) 555 55 00</strong><br />
          Email: <a href="#">comorosairways@gmail.com</a></p>
          <p>Comoros Airways<br />
          BP 791 MORONI, Grandes Comores</p>
        </div><!-- end contact-details -->
      </div>
    </div><!-- end row -->
    
    <div class="row">
      <div class="span6">
        <div class="twitter-feed">
        
          <!-- twitter feeds -->
          <div class="tweets" id="twitterFeed"><small>Chargement des derniers tweets...</small></div>
          <a href="https://twitter.com/ComorosAirways" class="twitter-follow-button" data-show-count="false">Suivez @ComorosAirways</a><!-- follow button -->
          

        </div><!-- end twitter-feed -->
      </div>
      <div class="span6">
        <ul class="social-share fixclear">
          <li class="sc-facebook">
            
            <div class="fb-like" data-href="http://facebook.com/ComorosAirways" data-send="false" data-layout="button_count" data-width="120" data-show-faces="false" data-font="lucida grande"></div>
          </li><!-- facebook like -->
          <li class="sc-twitter">
            <a href="https://twitter.com/share" class="twitter-share-button" data-text="Vols a prix reduits sur COmoros Airways" data-via="ComorosAirways" data-hashtags="Voyages">Tweet</a>
          </li><!-- tweet button -->
          <li class="sc-gplus">
            <script type="text/javascript">
            (function() {
            var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
            po.src = 'https://apis.google.com/js/plusone.js';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
            })();
            </script>
            <div class="g-plusone" data-size="medium"></div>
          </li><!-- Gogle Plus Button -->
        </ul>
        <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="http://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script><!-- twitter script -->
      </div>
    </div><!-- end row -->
    
    <div class="row">
      <div class="span12">
        <div class="bottom fixclear">
          <ul class="social-icons fixclear">
            <li class="title">Suivez-nous</li>
            <li class="social-facebook"><a target="_blank" href="http://facebook.com/ComorosAirways">Facebook</a></li>
            <li class="social-twitter"><a target="_blank" href="http://twitter.com/ComorosAirways">Twitter</a></li>
          </ul><!-- end social-icons -->
          <div class="copyright">
            <a href="index.html"><img isrc="<?php echo sfConfig::get('app_aoi_site_url') ?>images/logo2.png" alt="" /></a>
            <p>&copy; 2012 <strong>Comoros Airways</strong>. Tous droits réservés</p>
          </div><!-- end copyright -->
        </div><!-- end bottom -->
      </div>
    </div><!-- end row -->
    
  </div>
</footer>
        
    </div><!-- end page_wrapper -->
  
    <a href="#" id="totop">TOP</a>

<!--////////////////// Load JS Files -->


<!-- JavaScript at the bottom for fast page loading -->

<script type="text/javascript" src="<?php echo sfConfig::get('app_aoi_site_url') ?>js/bootstrap.min.js"></script><!-- Bootstrap Framework -->
<script type="text/javascript" src="<?php echo sfConfig::get('app_aoi_site_url') ?>js/plugins.js"></script><!-- jQuery Plugins -->
<script type="text/javascript" src="<?php echo sfConfig::get('app_aoi_site_url') ?>addons/superfish_responsive/superfish_menu.js"></script><!-- Superfish Menu -->


<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
  <script type="text/javascript">

 var _gaq = _gaq || [];
 _gaq.push(['_setAccount', 'UA-37487895-1']);
 _gaq.push(['_setDomainName', 'comoroairways.com']);
 _gaq.push(['_setAllowLinker', true]);
 _gaq.push(['_trackPageview']);

 (function() {
   var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
   ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
   var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
 })();

</script>
  
<div class="hide">
  <div id="transparent_panel" class="transparent_content">
    <p>A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart. I am alone, and feel the charm of existence in this spot, which was created for the bliss of souls like mine.</p>
    <p>I am so happy, my dear friend, so absorbed in the exquisite sense of mere tranquil existence, that I neglect my talents. I should be incapable of drawing a single stroke at the present moment; and yet I feel that I never was a greater artist than now.</p>
    <p>When, while the lovely valley teems with vapour around me, and the meridian sun strikes the upper surface of the impenetrable foliage of my trees, and but a few stray gleams steal into the inner sanctuary, I throw myself down among the tall grass by the trickling stream; and, as I lie close to the earth, a thousand unknown plants are noticed by me: when I hear the buzz of the little world among the stalks, and grow familiar with the countless indescribable forms of the insects and flies, then I feel the presence of the Almighty, who formed us in his own image.</p>
    <p>Duis dictum tristique lacus, id placerat dolor lobortis sed. In nulla lorem, accumsan sed mollis eu, dapibus non sapien. Curabitur eu adipiscing ipsum. Mauris ut dui turpis, vel iaculis est. Morbi molestie fermentum sem quis ultricies. Mauris ac lacinia sapien. Fusce ut enim libero, vitae venenatis arcu. Cras viverra, libero a fringilla gravida, dolor enim cursus turpis, id sodales sem justo sit amet lectus. Fusce ut arcu eu metus lacinia commodo. Proin cursus ornare turpis, et faucibus ipsum egestas ut. Maecenas aliquam suscipit ante non consectetur. Etiam quis metus a dolor vehicula scelerisque.</p>
    <p>Nam elementum consequat bibendum. Suspendisse id semper odio. Sed nec leo vel ligula cursus aliquet a nec nulla. Sed eu nulla quam. Etiam quis est ut sapien volutpat vulputate. Cras in purus quis sapien aliquam viverra et volutpat ligula. Vestibulum condimentum ultricies pharetra. Etiam dapibus cursus ligula quis iaculis. Mauris pellentesque dui quis mi fermentum elementum sodales libero consequat. Duis eu elit et dui varius bibendum. Sed interdum nisl in ante sollicitudin id facilisis tortor ullamcorper. Etiam scelerisque leo vel elit venenatis nec condimentum ipsum molestie. In hac habitasse platea dictumst. Sed quis nulla et nibh aliquam cursus vitae quis enim. Maecenas eget risus turpis.</p>
  </div>
</div><!-- end transparent panel -->


</body>
</html>
